const path = require('path')
const HtmlWebpackPlugin = require('html-webpack-plugin')//生成html
module.exports = {
    entry: './index',
    output: {
        filename: "index.js",
        path: path.resolve(__dirname, 'dist'),
    },
    module: {
        rules: [
            {
                //npm install -D html-loader 
                //识别例如  <img src="img/f52ec42802.png" alt="" />
                test: /\.html$/,
                loader: 'html-loader'//负责引入img图片从而被url-loader识别
            },

        ]
    },
    plugins: [
        new HtmlWebpackPlugin({
            filename: 'index.html',//就是html文件的文件名，默认是index.html
            template: './index.html',//依赖哪一个html文件模板
            inject: 'head'
            // inject有四个值： true body head false
            // true 默认值，script标签位于html文件的 body 底部
            // body script标签位于html文件的 body 底部
            // head script标签位于html文件的 head中
            // false 不插入生成的js文件，这个几乎不会用到的
        }),
    ]
}